<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/Page.css">
  
</head>

<body>
    <!-- 轮播图 -->
    <header class="banner">
        <!-- 轮播的图 -->
        <div class="banner1">
            <img class="img2" src="./imgs/banner1Phone.png" alt="">
            <img class="img3" src="http://tg-vision.com/d/file/indexlink/focus/201306/e92807f2bcc6f6e4fc92a2b07ef3eb26.png"  alt="">
        </div>

        <!-- 精灵图 -->
        <div class="jltu1"></div>
        <div class="jltu2"></div>
        

    </header>
    <header class="headend">
        <div class="div1"></div>
    </header>
    <!-- contain 导航 -->
    <div class="div2">
        <a href="#" ><div class="colorActive">精选案例</div></a>
        <a href="#"><div>移动应用</div></a>
        <a href="#"><div>网站界面</div></a>
        <a href="#"><div>标志图标</div></a>
    </div>
    <!-- 精选案例 -->
     <!-- div3section-display -->
    
    
     <div class="div3 ">
        <!-- 1-1 -->
         <div class="div-list ">
            <ul>
                <li>
                    <div class="div5">
                        <span class="span1">7度珠宝APP</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201506/c672aedabfe5a1e5e6ec5c5166c7b66a.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">Z服饰品牌官网</span>
                        <br>
                        <span class="span2">Web UI</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/web/201503/108950f72f4437a115bc449669c650ad.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">TANLEO美镜多媒体系统</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201504/0e87004b26d04b129b0f49c1949994be.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">Bronsu UI</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201402/d1e6ba4f3dc8dc63707e71ba993b85ea.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">大连未来城LECITY</span>
                        <br>
                        <span class="span2">Web UI</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/web/201405/792e499c31a82ed1844287e63f628187.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">Lenovo Technology Flash Mini</span>
                        <br>
                        <span class="span2">Web UI</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/web/201305/9c6ca29bcbf7b3120f551031424ae11b.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">7Q Online Music Player</span>
                        <br>
                        <span class="span2">Web UI</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/web/201309/8c01488573761d2fef2d31a56d7b6142.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">移动应用图标设计集锦</span>
                        <br>
                        <span class="span2">Logo & Icon</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/icon/201408/46512c22334508ae3840d456e0e62a36.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">ChinaDaily亚太官网</span>
                        <br>
                        <span class="span2">Web UI</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/web/201305/7f26f1f48427e3760652dd6a511195bd.jpg" alt="">
                </li>
            </ul>
         </div>
       
        <!-- 1-2 -->
        <div class="div-list ul-display">
            <ul>
                <li>
                    <div class="div5">
                        <span class="span1">Quick Car APP</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201305/b2227b1bc98f05f257aed08568e5138f.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">《世界》杂志APP</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/app/201303/d98d054481bc4b385ef1b70d514c5a35.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">ShareControl APP</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/app/201306/47973b6a2f1ae9a77ec4bf1cd42e49f2.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">Mediaweek Icon</span>
                        <br>
                        <span class="span2">Logo & Icon</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/icon/201303/6b089e685b97bd545e2bc42f83610c80.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">SpeedTest</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/app/201303/c9b635d25bbe689e356055e470bd2f13.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">SpeedTest</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/app/201303/c9b635d25bbe689e356055e470bd2f13.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">Photo Cinema</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201303/c5f7334f7c886ca1450bd1c7401a9a30.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">法国雷诺纬度</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/app/201303/8054c5b937db27ddfbbdf61d589a4528.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">Econ CIA System</span>
                        <br>
                        <span class="span2">Logo & Icon</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/icon/201303/2f88166ea22df3ccf84b47edb23f6a86.jpg" alt="">
                </li>
            </ul>
        </div>

         <!-- 1-3 -->
         <div class="div-list ul-display">
            <ul>
                <li>
                    <div class="div5">
                        <span class="span1">China Daily News</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201304/f4ca8f7462a508db36770e891f469a12.jpg
                    " alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">圣贝国际</span>
                        <br>
                        <span class="span2">Web UI</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/web/201408/d37ed60ddfd6110fb6b08ebedd1321f4.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">SleepUP熟睡!(100%深度睡眠)</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201304/e6a83e28908b81c25b8775cae06c47ac.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">百度推广手机站</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/app/201305/65222771f811778316e687508b8371db.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">Touch China</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201303/7c12071ca55694bea04c30ed6d96c496.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">WakeUP醒脑！</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/app/201303/26809db76dd41d2b12a8a691b2c9d33d.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">第一步旅游网站及APP</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201305/d45b9dd30bad8f9ea4f7579aede5a7b8.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">云巢网盘</span>
                        <br>
                        <span class="span2">Web UI</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/web/201312/6777900d9a57f32fcf65c774f61c0508.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">百谷艺术官网</span>
                        <br>
                        <span class="span2">Web UI</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/web/201303/7a2038c56cb4a16f80a0296154e2dabd.jpg" alt="">
                </li>
            </ul>
        </div>
        
         <!-- 1-4 -->
         <div class="div-list ul-display">
            <ul>
                <li>
                    <div class="div5">
                        <span class="span1">China Daily News</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201304/f4ca8f7462a508db36770e891f469a12.jpg
                    " alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">圣贝国际</span>
                        <br>
                        <span class="span2">Web UI</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/web/201408/d37ed60ddfd6110fb6b08ebedd1321f4.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">SleepUP熟睡!(100%深度睡眠)</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201304/e6a83e28908b81c25b8775cae06c47ac.jpg" alt="">
                </li>
            </ul>
        </div>
    </div>
    <section class="tabcontext ">
        <div class="div4 ">
            <a href="#"><div ><</div></a>
            <a href="#"><div class="colorActive">1</div></a>
            <a href="#"><div>2</div></a>
            <a href="#"><div>3</div></a>
            <a href="#"><div>4</div></a>
            <a href="#"><div>></div></a>
        </div>
    </section>

    
    <!-- 移动应用 -->
    <div class="div3 div3section-display">
        <!-- 2-1 -->
         <div class="div-list">
            <ul>
                <li>
                    <div class="div5">
                        <span class="span1">7度珠宝APP</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201506/c672aedabfe5a1e5e6ec5c5166c7b66a.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">TANLEO美镜多媒体系统</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/app/201504/0e87004b26d04b129b0f49c1949994be.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">Bronsu UI</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201402/d1e6ba4f3dc8dc63707e71ba993b85ea.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">Quick Car APP</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/app/201305/b2227b1bc98f05f257aed08568e5138f.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">《世界》杂志APP</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/app/201303/d98d054481bc4b385ef1b70d514c5a35.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">ShareControl APP</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201306/47973b6a2f1ae9a77ec4bf1cd42e49f2.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">爱宠家园APP</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201306/7e33572dab89fac378332257c6fa285e.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">SpeedTest</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201303/c9b635d25bbe689e356055e470bd2f13.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">Photo Cinema</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/app/201303/c5f7334f7c886ca1450bd1c7401a9a30.jpg" alt="">
                </li>
            </ul>
         </div>

        <!-- 2-2 -->
        <div class="div-list ul-display">
            <ul>
                <li>
                    <div class="div5">
                        <span class="span1">法国雷诺纬度</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201303/8054c5b937db27ddfbbdf61d589a4528.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">China Daily News</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/app/201304/f4ca8f7462a508db36770e891f469a12.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">SleepUP熟睡!(100%深度睡眠)</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201304/e6a83e28908b81c25b8775cae06c47ac.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">百度推广手机站</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/app/201305/65222771f811778316e687508b8371db.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">Touch China</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/app/201303/7c12071ca55694bea04c30ed6d96c496.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">WakeUP醒脑！</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201303/26809db76dd41d2b12a8a691b2c9d33d.jpg" alt="">
                </li>
            </ul>
        </div>
    </div>
    <section class="tabcontext div3section-display">
        <div class="div4 ">
            <a href="#"><div ><</div></a>
            <a href="#"><div class="colorActive">1</div></a>
            <a href="#"><div>2</div></a>
            <a href="#"><div>></div></a>
        </div>
    </section>

    
    <!-- 网站界面 -->
     <!-- div3section-display -->
    <div class="div3 div3section-display">
        <!-- 3-1 -->
         <!-- ul-display -->
         <div class="div-list ">
            <ul>
                <li>
                    <div class="div5">
                        <span class="span1">Z服饰品牌官网</span>
                        <br>
                        <span class="span2">Web UI</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/web/201503/108950f72f4437a115bc449669c650ad.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">大连未来城LECITY</span>
                        <br>
                        <span class="span2">Web UI</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/web/201405/792e499c31a82ed1844287e63f628187.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">Lenovo Technology Flash Mini</span>
                        <br>
                        <span class="span2">Web UI</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/web/201305/9c6ca29bcbf7b3120f551031424ae11b.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">7Q Online Music Player</span>
                        <br>
                        <span class="span2">Web UI</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/web/201309/8c01488573761d2fef2d31a56d7b6142.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">圣贝国际</span>
                        <br>
                        <span class="span2">Web UI</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/web/201408/d37ed60ddfd6110fb6b08ebedd1321f4.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">云巢网盘</span>
                        <br>
                        <span class="span2">Web UI</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/web/201312/6777900d9a57f32fcf65c774f61c0508.jpg
                    " alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">百谷艺术官网</span>
                        <br>
                        <span class="span2">Web UI</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/web/201303/7a2038c56cb4a16f80a0296154e2dabd.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">Lord Steel</span>
                        <br>
                        <span class="span2">Web UI</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/web/201304/fd129f30d8bbc801d47a8118a9ff1ab9.jpg
                    " alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">ChinaDaily亚太官网</span>
                        <br>
                        <span class="span2">Web UI</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/web/201305/7f26f1f48427e3760652dd6a511195bd.jpg" alt="">
                </li>
            </ul>
         </div>

        <!-- 2-2 -->
        <div class="div-list ul-display">
            <ul>
                <li>
                    <div class="div5">
                        <span class="span1">法国雷诺纬度</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201303/8054c5b937db27ddfbbdf61d589a4528.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">China Daily News</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/app/201304/f4ca8f7462a508db36770e891f469a12.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">SleepUP熟睡!(100%深度睡眠)</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201304/e6a83e28908b81c25b8775cae06c47ac.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">百度推广手机站</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/app/201305/65222771f811778316e687508b8371db.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">Touch China</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/app/201303/7c12071ca55694bea04c30ed6d96c496.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">WakeUP醒脑！</span>
                        <br>
                        <span class="span2">Mobile APP</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/app/201303/26809db76dd41d2b12a8a691b2c9d33d.jpg" alt="">
                </li>
            </ul>
        </div>
    </div>
    <section class="tabcontext div3section-display">
        <div class="div4 ">
            <a href="#"><div ><</div></a>
            <a href="#"><div class="colorActive">1</div></a>
            <a href="#"><div>2</div></a>
            <a href="#"><div>></div></a>
        </div>
    </section>


    <!-- 标志图标 -->
    <!-- div3section-display -->
    <div class="div3 div3section-display">
        <!-- 3-1 -->
         <!-- ul-display -->
         <div class="div-list ">
            <ul>
                <li>
                    <div class="div5">
                        <span class="span1">移动应用图标设计集锦</span>
                        <br>
                        <span class="span2">Logo & Icon</span>
                    </div>
                    <img src="http://tg-vision.com/d/file/portfolio/icon/201408/46512c22334508ae3840d456e0e62a36.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">Mediaweek Icon</span>
                        <br>
                        <span class="span2">Logo & Icon</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/icon/201303/6b089e685b97bd545e2bc42f83610c80.jpg" alt="">
                </li>
                <li>
                    <div class="div5">
                        <span class="span1">Econ CIA System</span>
                        <br>
                        <span class="span2">Logo & Icon</span>
                    </div>
                    <img src="	http://tg-vision.com/d/file/portfolio/icon/201303/2f88166ea22df3ccf84b47edb23f6a86.jpg" alt="">
                </li>
            </ul>
         </div>
    </div>
    <section class="tabcontext div3section-display">
        <div class="div4 ">
            <a href="#"><div ><</div></a>
            <a href="#"><div class="colorActive">1</div></a>
            <a href="#"><div>></div></a>
        </div>
    </section>

    <!-- 顶端导航栏 -->
    <nav>
        <div>
            <img src="http://tg-vision.com/skin/tg2013/images/search.gif" width="30" alt="">
            <img src="http://tg-vision.com/skin/tg2013/images/logo.jpg" alt="">
            <ol>
                <li>首页</li>
                <li>案例</li>
                <li>服务</li>
                <li>关于</li>
                <li>联系</li>
            </ol>
        </div>
        <!-- 输入框 -->
        <a href="#" class="a1">
            <input type="text">
        </a>
    </nav>
    <script src="../js/Page.js"></script>
</body>

</html>